 <meta charset="utf-8">
<div class="box box-primary" id="app_authRole_edit">
            <div class="box-header with-border">
              <h3 class="box-title">用户信息编辑</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" id="authUserEditForm">
             <div class="box-body">
                <div class="form-group">
                  <label for="appkey">模块编号</label>
                  <input type="text" name="appkey" v-model="appkey" class="form-control" id="appkey" placeholder="请输入模块编号"  required aria-required="true" >
                </div>
                
                <div class="form-group">
                  <label for="name">模块名称</label>
                  <input type="text" name="name"   v-model="name"  class="form-control" id="name" placeholder="请输入模块编号" required>
                </div>
                  <div class="form-group">
                  <label for="icon">显示图标</label>
                  <input type="text" name="icon"   v-model="icon"  class="form-control" id="icon" placeholder="请输入显示图标" >
                </div>
                
                <div class="form-group">
                  <label for="disIndex" >显示顺序 </label>
                   <input type="text" name="disIndex"   v-model="disIndex"  class="form-control" id="disIndex" placeholder="请输入显示顺序" required>
                </div>
                
                  
               <div class="form-group">
                  <label for="remark">描述</label>
                  <input type="text" name="remark"   v-model="remark"  class="form-control" id="remark" placeholder="备注">
                </div>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                 <button type="button" class="btn btn-default" v-on:click="cancle">取消</button>
                 <button type="button" class="btn btn-info pull-right"  v-on:click="save">提交</button>
              </div>
            </form>

<script type="text/javascript">
var vm = new Vue({
        el: '#app_authRole_edit',
        data: {},
        ready:function(){//load data,
        	var url="http://localhost:8082/zht-framees-auth-shiro-server/sys/auth/authApp/loadAuthApp";
        	var param=zfesLayerEditDg.getLayerParam();
        	zfesAjax.ajaxTodo(url,param, function(data){
        		vm.$data = data.data;
    		})
        },
         methods: {
        	 save: function () {
        	    	if($("#authUserEditForm").valid()){
        	    		var url="http://localhost:8082/zht-framees-auth-shiro-server/sys/auth/authApp/updateAuthApp";
        	    		zfesAjax.ajaxTodo(url,vm.$data, function(data){
        	    			alertSwal.successText(data.message);
        	    			layer.close(layer.index);
        	    		})
        	    	}
        	    },
        	    cancle:function(){
        	    	 layer.close(layer.index);
        	    }
        }
    }) 
 </script>
</div>